<template>


  <div class="common-layout">
      <el-container>
        <el-aside width="200px" style="height: 1000px; background-color: #545c64;;">
          <Aside style="border-right: 1px;"></Aside>
        </el-aside>
        <el-container>
          <el-header  style="height: 100px;  padding: 0;">
                 <Header/> 
          </el-header>
          <el-main>
              
              <RouterView />
  
          </el-main>
          <el-footer>
              
              <Footer/>
  
          </el-footer>
        </el-container>
      </el-container>
    </div>
  
  </template>
  
  <script setup lang="ts">
  // @/compnents 路径
  import Aside from '@/components/AsideComponent.vue'
  import Footer from '@/components/FooterComponent.vue'
  import Header from '@/components/HeaderComponent.vue'
  
  </script>
  
  <style scoped >
  
  
  
  </style>